<page-header [title]="'新增视频'">
 新增短视频
</page-header>
<nz-card [nzBordered]="false">


  <div class="clearfix">
    <nz-upload  #nzUploader [nzAction]="action"
               nzListType="picture-card"
               [(nzFileList)]="fileList"
               [nzShowButton]="fileList.length < 1"
               [nzShowUploadList]="showUploadList"
               [nzPreview]="handlePreview" [nzCustomRequest]="customRequest" [nzFileType]="fileType" [nzFilter]="filters" (nzChange)="ringWasPlaced($event)">
      <i nz-icon nzType="plus"></i>
      <div class="ant-upload-text">Upload</div>
    </nz-upload>
    <nz-modal [nzVisible]="previewVisible"
              [nzContent]="modalContent"
              [nzFooter]="null"
              (nzOnCancel)="previewVisible = false">
      <ng-template #modalContent>
        <video [src]="previewUrl" [ngStyle]="{ width: '100%',maxHeight:'600px' }"  controls="controls" autoplay="autoplay" ></video>
      </ng-template>
    </nz-modal>
  </div>
  <div>
    <input nz-input placeholder="输入标题" [(ngModel)]="title"  [ngStyle]="{ width: '300px'  }"/>
  </div>
  <div class="submit_video">
    <button nz-button nzType="primary" type="submit"   (click)='submit($event)' [nzLoading]="_http.loading"  >提交</button> 
  </div>

</nz-card>
